/* pages css */
@import 'share';
@import 'styleset';


/*ヘッダー*/

section#event {
@include backcolor(0,'img',#000000);
@include clearfix;
background-color:#ffffff;
}
section#event div.backcolor {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;}
	
section#event div.backcolor div.color {
max-height:200px;
}

section#event div.backcolor div.cover img {
    position:absolute;
    right:250px;
    top:40px;
}

div.header h1{
	font-size: 1.786em;
	font-weight: normal;
	color: #fff;
	display: block;
}

div.header h1 img {
    vertical-align: text-bottom;
    margin: 0 1% 0 0;
}

div.header_box {
    height:200px;
}
div.header {
    position:relative;
    top:70px;
    left: 20px;
    z-index:100;
} 

/*ヘッダー*/

section#event div.title{
	margin: 1% 0;
	list-style-type: none;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EDEDED 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EDEDED 100%);
/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EDEDED 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #EDEDED));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EDEDED 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #FFFFFF 0%, #EDEDED 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); }

section#event div.title b,
section#event div.title h3{
	display: inline-block;
}

section#event div.title b{
	margin: 1.8em 1.5em 0 2em;
}

section#event div.title h3{
	color: $main_color3;
	background: no-repeat;
	margin: 0;
	padding: 1.5%;
}

section#event h4.icon{
background-image                : url(/_cms_sogokan/common/img/event_pop_right.png);
background-position             : right top;
background-repeat               : no-repeat;
width                           : 180px;
height                          : 114px;
position                        : absolute;
left                            : 83%;
top                             : 210px;
text-indent                     : 100%;
white-space                     : nowrap;
overflow                        : hidden;
}

section#event h3{
margin                          : 1em 0;
background-color                : $main_color2;
color                           : #fff;
font-weight                     : normal;
padding                         : 1%;
}

section#event h3 span.left img{
vertical-align                  : middle;
margin                          : 0 1%;
}

div#event{
padding                         : 2%;
}

section#event h5{
background-color                : $main_color6;
color                           : #fff;
display                         : inline-block;
border-radius                   : 20px;
-webkit-border-radius           : 20px;
-moz-border-radius              : 20px;
font-weight                     : normal;
font-size                       : 1em;
padding                         : .5% 1%;
margin                          : 1% 0;
}

div.half{
overflow: hidden;	
}


div.note div{
margin                          : 1%;
}

div.note
{   border-bottom               : 2px solid $main_color2;
padding                         : 2% 0;
margin                          : 0 0 2% 0;
}

div.half dt{
	float: left;
	clear: both;
	width: 30%;
	display:inline;
	padding: 1% 0;
	margin: 0 0 1% 0;
	font-weight: normal;

}

div.half dd{
 	border-bottom: 2px solid #40220F;
    font-weight: normal;
    margin: 0 0 1%;
    padding: 1% 0;
}




div.shusai{
display                         : inline-block;
}

div.half span{
padding                         : 1%;
margin                          : 0 0 0 2em;
background-color                : $main_color3;
}

div.half span a{
color                           : #fff;
text-align                      : right;
}
div.row{
clear                           : both;
}

div.row ul{
margin                          : 5% 0;
}

div#map{
clear: both;
overflow: hidden;
background-color                : #ccc;
margin                          : 0 auto;
width                           : 600px;
height                          : 500px;
text-align                      : center;
}

section#event div.title{
	clear: both;
	overflow: hidden;
}

section#event div.title h3,
section#event div.title ul.icon{
	display: inline-block;
	vertical-align: middle;
}

section#event div.title b,
section#event div.title h3,
section#event div.title ul li{
	float: left;
}

section#event div.title ul li{
	margin:1.5em 1em;
	width: 30px;
	height: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

section#event div.title ul li.event_0000{
	text-indent: -9999px;
	background: none;
}

section#event div.title ul li.event_0010{
	background: url(/common/img/event_event.png);
	background-repeat: no-repeat;
	background-position: center center;
}

section#event div.title ul li.event_0020{
	background: url(/common/img/event_kengaku.png);
	background-repeat: no-repeat;
	background-position: center center;
}

section#event div.title ul li.event_0030{
	background: url(/common/img/event_seminar.png);
	background-repeat: no-repeat;
	background-position: center center;
}

section#event div.title ul li.event_0040{
	background: url(/common/img/event_present.png);
	background-repeat: no-repeat;
	background-position: center center;
}

div#event_form{
	margin: 1em 0;
	text-align: center;
}
